<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no, email=no">
    <title>活动尊享</title>
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/main.css">
    <style type="text/css">
      html,body{ min-height: 100%; background-color: #333; background:url(images/background.jpg); background-repeat: no-repeat; background-position: center;background-size: cover;}
    </style>
  </head>
  <body id="app">
    <section class="activityLists font36 padB23">
      <ul class="nav font28">
        <li class="on">预告</li>
        <li>进行中</li>
        <li>已参加</li>
        <li>已结束</li>
      </ul>
      <!-- 活动列表 -->
      <div>
        <!-- 预告 -->
        <ul class="activityList">
          <!-- <li class="item">
            <span class="ad j_21">
              <img class="loadImg" src="images/banner.jpg" alt="">
            </span>
            <span class="title font36">指尖华彩 36号字体</span>
            <span class="time font28">2017-06-23 至 2017-08-23</span>
            <a href="javascript:;" class="visit font32">查看活动</a>
          </li>
          <li class="item">
            <span class="ad j_21">
              <img class="loadImg" src="images/banner.jpg" alt="">
            </span>
            <span class="title font36">指尖华彩 36号字体</span>
            <span class="time font28">2017-06-23 至 2017-08-23</span>
            <a href="javascript:;" class="visit font32">查看活动</a>
          </li><li class="item">
            <span class="ad j_21">
              <img class="loadImg" src="images/banner.jpg" alt="">
            </span>
            <span class="title font36">指尖华彩 36号字体</span>
            <span class="time font28">2017-06-23 至 2017-08-23</span>
            <a href="javascript:;" class="visit font32">查看活动</a>
          </li> -->
          <li class="noData">暂无活动</li>
        </ul>
        <!-- 进行中 -->
        <ul class="activityList">
          <li class="item">
            <span class="ad j_21">
              <img class="loadImg" src="images/banner.jpg" alt="">
            </span>
            <span class="title font36">指尖华彩 36号字体</span>
            <span class="time font28">2017-06-23 至 2017-08-23</span>
            <a href="javascript:;" class="visit font32">查看活动</a>
          </li>
        </ul>

        <!-- 已参加 -->
        <ul class="activityList">
          <li class="item">
            <span class="ad j_21">
              <img class="loadImg" src="images/banner.jpg" alt="">
            </span>
            <span class="title font36">指尖华彩 36号字体</span>
            <span class="time font28">2017-06-23 至 2017-08-23</span>
            <a href="javascript:;" class="visit font32">查看活动</a>
          </li>
          <li class="item">
            <span class="ad j_21">
              <img class="loadImg" src="images/banner.jpg" alt="">
            </span>
            <span class="title font36">指尖华彩 36号字体</span>
            <span class="time font28">2017-06-23 至 2017-08-23</span>
            <a href="javascript:;" class="visit font32">查看活动</a>
          </li>
        </ul>
        <!-- 已结束 -->
        <ul class="activityList">
          <li class="item">
            <span class="ad j_21">
              <img class="loadImg" src="images/banner.jpg" alt="">
            </span>
            <span class="title font36">指尖华彩 36号字体</span>
            <span class="time font28">2017-06-23 至 2017-08-23</span>
            <a href="javascript:;" class="visit font32">查看活动</a>
          </li>
          <li class="item">
            <span class="ad j_21">
              <img class="loadImg" src="images/banner.jpg" alt="">
            </span>
            <span class="title font36">指尖华彩 36号字体</span>
            <span class="time font28">2017-06-23 至 2017-08-23</span>
            <a href="javascript:;" class="visit font32">查看活动</a>
          </li>
          <li class="item">
            <span class="ad j_21">
              <img class="loadImg" src="images/banner.jpg" alt="">
            </span>
            <span class="title font36">指尖华彩 36号字体</span>
            <span class="time font28">2017-06-23 至 2017-08-23</span>
            <a href="javascript:;" class="visit font32">查看活动</a>
          </li>
          <li class="item">
            <span class="ad j_21">
              <img class="loadImg" src="images/banner.jpg" alt="">
            </span>
            <span class="title font36">指尖华彩 36号字体</span>
            <span class="time font28">2017-06-23 至 2017-08-23</span>
            <a href="javascript:;" class="visit font32">查看活动</a>
          </li>
        </ul>
      </div>
    </section>
    <!-- 底部 -->
    <footer class="footer clearfix">
        <a href="index.html" class="footerIcon fhome" title="怡轩荟首页">怡轩荟首页</a>
        <a href="display.html" class="footerIcon fauth" title="业主认证">业主认证</a>
        <a href="parnetWay.html" class="footerIcon factive on" title="活动尊享">活动尊享</a>
        <a href="user.html" class="footerIcon fuser" title="会员中心">会员中心</a>
    </footer>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    <script type="text/javascript">
      $(function(){
        myJS.imgScale('.j_21','2','1');
        myJS.ImgFull('.loadImg');
        $('.nav').on('click','li',function(){
          $(this).addClass('on').siblings().removeClass('on');
          $('.activityList').eq($(this).index()).show().siblings().hide();
        })
      })
      
    </script>
  </body>
</html>
